<!DOCTYPE HTML><html lang=zh-CN><head><meta charset=utf-8><meta name=keywords content="练习题样例, Frida&#39;s Space"><meta name=description content="I am Frida"><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width, initial-scale=1.0, user-scalable=no"><meta name=renderer content=webkit|ie-stand|ie-comp><meta name=mobile-web-app-capable content=yes><meta name=format-detection content="telephone=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black-translucent><title>练习题样例 | Frida&#39;s Space</title><link rel=icon type=image/png href=/favico.png><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.10.0/css/lightgallery.min.css><style>.code_lang,h1,h2,h3,h4,h5{font-weight:700}body,kbd{color:#34495e}@media only screen and (max-width:601px){.container{width:95%}}@media only screen and (min-width:600px) and (max-width:992px){.container{width:90%}}@media only screen and (min-width:993px){.container{width:90%;max-width:1125px}.head-container{position:absolute;padding:0 30px;width:100%}.post-container{width:90%;margin:0 auto;max-width:1250px}}body{background-color:#eaeaea;margin:0;overflow-x:hidden;overflow-y:auto}h1{margin:48px 0 22px -5px;font-size:2rem;line-height:2rem}h2{margin:42px 0 18px -5px;font-size:1.8rem;line-height:1.8rem}h3{margin:38px 0 15px -4px;font-size:1.6rem;line-height:1.7rem}h4{margin:32px 0 12px -4px;font-size:1.45rem;line-height:1.45rem}h5{margin:28px 0 8px -4px;font-size:1.2rem;line-height:1.2rem}h6{margin:22px 0 4px -4px;font-size:1.1rem;line-height:1.1rem}p{font-size:1rem;line-height:1.5rem}hr{margin:20px 0;border:0;border-top:1px solid #ccc}blockquote{border-left:5px solid #42b983;padding:1rem .8rem .2rem;color:#666;background-color:rgba(66,185,131,.1)}pre{padding:2rem 1rem 1rem!important;border-radius:.35rem;tab-size:4}.code-area::after{content:" ";position:absolute;border-radius:50%;background:#ff5f56;width:12px;height:12px;top:0;left:12px;margin-top:12px;-webkit-box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}code,kbd{background-color:#f8f8f8}code{padding:1px 5px;top:13px!important;font-family:Inconsolata,Monaco,Consolas,'Courier New',Courier,monospace;font-size:.91rem;color:#e96900;border-radius:2px}.code_copy,.codecopy_notice{top:.7rem;z-index:1;position:absolute;filter:invert(50%)}.code_lang,kbd{font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace}.code_copy{right:25px;cursor:pointer}.codecopy_notice{right:6px;opacity:0}.code_lang{position:absolute;top:1.2rem;right:46px;line-height:0;z-index:1;filter:invert(50%);cursor:pointer}.code-expand{position:absolute;top:4px;right:0;filter:invert(50%);padding:7px;z-index:999!important;cursor:pointer;transition:all .3s;transform:rotate(0)}.code-closed .code-expand{transform:rotate(-180deg)!important;transition:all .3s}.code-closed pre::before{height:0}pre code{padding:0;color:#e8eaf6;background-color:#272822}kbd{margin:0 3px;padding:3px 5px;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 3px rgba(0,0,0,.25),0 2px 1px 0 rgba(255,255,255,.6) inset;font-size:.9rem;font-weight:600;line-height:1.8rem;white-space:nowrap}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:85%}cite{font-style:normal}mark{background-color:#fcf8e3;padding:.2em}.card{border-radius:10px;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}header .side-nav,nav{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 7px 10px 0 rgba(0,0,0,.12)}.card .card-image img{border-radius:8px 8px 0 0;object-fit:cover}.container .row{margin-bottom:0}.bg-color{background-image:linear-gradient(to right,#436394 0,#567291 100%)}.text-color{color:#0f9d58!important}.white-color{color:#fff}.progress-bar{height:4px;position:fixed;bottom:0;z-index:300;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%);opacity:.8}.sidenav-overlay{z-index:500}.pd-header{margin-top:-64px}header .side-nav{width:240px;z-index:999}header .nav-transparent{background-color:transparent!important;background-image:none;box-shadow:none}header nav .brand-span{font-size:1.45rem}header .brand-logo .logo-img{height:45px;vertical-align:middle;padding-bottom:6px}header .brand-logo .logo-span{font-size:1.6rem}header .brand-logo .waves-effect{vertical-align:top}header .button-collapse i{font-size:1.5rem}header .side-nav .mobile-head{padding:0 15px}header .side-nav .mobile-head img{margin-top:30px;width:75px;height:75px}header .side-nav .mobile-head .logo-name{margin-top:-30px;padding-left:10px;font-size:1.5rem}header .side-nav .mobile-head .logo-desc{margin-top:-10px;padding-left:10px;padding-bottom:10px;font-size:.8rem;line-height:1.3rem;color:#e3e3e3}header .side-nav .menu-list li{padding:0;margin-left:-15px}header .side-nav .menu-list a{height:50px;line-height:50px;color:#34495e!important}.mobile-menu-list a i{margin-left:8px!important;font-size:1.16rem;color:#34495e!important}header .side-nav .fa-fw{width:3.3rem;text-align:left}header .side-nav .social-link{position:absolute;bottom:45px;padding-left:15px}.social-link a{font-size:1.2rem;display:inline;padding:0 12px}.cover-btns{position:relative;top:10vh;text-align:center}.cover-btns a{margin:10px 15px;padding:0 35px;height:45px;line-height:45px;font-size:1rem;color:#fff;border:1px solid #fff;background-color:transparent;border-radius:30px;box-shadow:none}.cover-btns a:hover{border:1px solid #f44336;background-color:#f44336;box-shadow:0 14px 26px -12px rgba(233,30,99,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(233,30,99,.2)}.cover-btns a i{font-size:1.1rem;padding-right:5px}.scroll-down{background:#333;margin:100px auto;-webkit-animation:scroll-down 1.5s infinite;-moz-animation:scroll-down 1.5s infinite;-o-animation:scroll-down 1.5s infinite;animation:scroll-down 1.5s infinite}@-moz-keyframes scroll-down{0%,100%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}}@-webkit-keyframes scroll-down{0%,100%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}}@-o-keyframes scroll-down{0%,100%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}}@keyframes scroll-down{0%,100%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}}.cover-social-link{position:relative;top:23vh;width:100%;text-align:center}.cover-social-link a{padding:0 15px;font-size:1.35rem;color:#fff}header .go-back{float:left;position:relative;padding-left:5px;padding-right:5px;z-index:1;height:56px}header .go-back i{font-size:1.6rem;font-weight:200;line-height:56px}.bg-cover{position:relative;display:flex;align-items:center;height:60vh;padding:0;border:0;overflow:hidden;background-position:center center;background-size:cover;transform:translate3d(0,0,0)}.index-cover{height:100vh}.post-cover{height:40vh!important}.bg-cover:after,.bg-cover:before,.recommend .post-card:before{height:100%;left:0;content:"";width:100%;display:block;top:0}.bg-cover:after{-webkit-animation:rainbow 60s infinite;animation:rainbow 60s infinite}.bg-cover:after,.bg-cover:before{position:absolute;z-index:1}.bg-cover .container{position:relative;color:#fff;z-index:2}.bg-cover .title{font-size:4rem;line-height:1.2em;margin-bottom:20px;position:relative}.bg-cover .description{font-weight:300;font-size:1.25rem;line-height:1.4em;color:#eee}.bg-cover .post-title{margin:0 auto;font-size:2.5rem;font-weight:400}@-webkit-keyframes rainbow{0%,100%{background:rgba(156,39,176,.75);background:linear-gradient(45deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%);background:-moz-linear-gradient(135deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%)}16%{background:rgba(132,13,121,.75);background:linear-gradient(45deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%);background:-moz-linear-gradient(135deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%)}32%{background:rgba(239,83,80,.75);background:linear-gradient(45deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%);background:-moz-linear-gradient(135deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%)}48%{background:rgba(255,87,34,.75);background:linear-gradient(45deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%);background:-moz-linear-gradient(135deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%)}64%{background:rgba(255,160,0,.75);background:linear-gradient(45deg,rgba(255,160,0,.75) 0,rgba(255,160,0,.65) 100%);background:-moz-linear-gradient(135deg,rgba(255,160,0,.75) 0,rgba(255,112,66,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(255,160,0,.75) 0,rgba(255,160,0,.65) 100%)}80%{background:rgba(233,30,99,.75);background:linear-gradient(45deg,rgba(233,30,99,.75) 0,rgba(233,30,99,.65) 100%);background:-moz-linear-gradient(135deg,rgba(233,30,99,.75) 0,rgba(233,30,99,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(2233,30,99,.75) 0,rgba(233,30,99,.65) 100%)}}@keyframes rainbow{0%,100%{background:rgba(156,39,176,.75);background:linear-gradient(45deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%);background:-moz-linear-gradient(135deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%)}16%{background:rgba(132,13,121,.75);background:linear-gradient(45deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%);background:-moz-linear-gradient(135deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%)}32%{background:rgba(239,83,80,.75);background:linear-gradient(45deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%);background:-moz-linear-gradient(135deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%)}48%{background:rgba(255,87,34,.75);background:linear-gradient(45deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%);background:-moz-linear-gradient(135deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%)}64%{background:rgba(255,160,0,.75);background:linear-gradient(45deg,rgba(255,160,0,.75) 0,rgba(255,160,0,.65) 100%);background:-moz-linear-gradient(135deg,rgba(255,160,0,.75) 0,rgba(255,112,66,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(255,160,0,.75) 0,rgba(255,160,0,.65) 100%)}80%{background:rgba(233,30,99,.75);background:linear-gradient(45deg,rgba(233,30,99,.75) 0,rgba(233,30,99,.65) 100%);background:-moz-linear-gradient(135deg,rgba(233,30,99,.75) 0,rgba(233,30,99,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(2233,30,99,.75) 0,rgba(233,30,99,.65) 100%)}}.index-card{margin-top:-10px;padding-top:20px}.carousel-post .title{font-size:2.6rem}.dream{margin-top:20px;margin-bottom:40px}.dream .title,.music-player .title,.video-player .title{margin-bottom:20px;font-size:2rem;font-weight:700}.dream .text{opacity:.6;font-size:1.1rem}.music-player,.video-player{margin-top:10px;margin-bottom:50px}.dplayer-video,.music{box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 10px 20px -12px rgba(0,0,0,.5)!important}#recommend-sections{margin-top:-30px;padding-top:30px}.index-card .card .card-content{padding:20px 40px}@media only screen and (min-width:1418px){.recommend{margin-top:20px;padding:0 .75rem}}@media only screen and (max-width:601px){.index-card .card .card-content{padding:10px}}@media only screen and (min-width:600px) and (max-width:992px){.index-card .card .card-content{padding:20px}}.recommend .row .col{padding:0 1.25rem}.recommend .title{margin-top:25px;margin-bottom:25px;text-align:center;font-size:1.8rem;font-weight:700;line-height:1.8rem}.recommend .post-card:before{position:absolute;z-index:0;background-color:rgba(0,0,0,.3);border-radius:10px}.recommend .post-card{position:relative;width:100%;height:300px;max-height:300px;margin-bottom:15px;margin-top:15px;text-align:center;border:0;border-radius:10px;color:rgba(0,0,0,.87);background:50% #fff;background-size:cover;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)}.recommend .post-card .post-body{position:relative;margin:0 auto;padding:1.8rem 1.25rem;z-index:2}.recommend .post-card .post-categories{margin:10px auto}.recommend .post-card .post-categories .category{padding:0 8px;color:hsla(0,0%,100%,.7)!important;font-size:.75rem;font-weight:500}.recommend .post-card a{color:#fff}.recommend .post-card .post-title{height:48px;margin-top:10px;margin-bottom:5px}.recommend .post-card .post-description{margin:20px auto;max-width:500px;height:65px;max-height:65px;font-size:14px;color:hsla(0,0%,100%,.78)!important}.recommend .post-card .read-more{height:40px;margin:.6rem 1px;font-size:.9rem;font-weight:400;line-height:40px;color:#fff;border-radius:30px;box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12)}.recommend .post-card .read-more .icon{font-size:1.05rem;padding-right:10px}.archive-calendar{margin-top:-60px;max-width:820px}#post-calendar{width:100%;height:225px}.settings-content{margin-top:-10px}#articles{margin-top:10px;margin-bottom:10px}article a{margin-right:0!important;color:#525f7f;text-transform:none!important}article a:hover{font-weight:700;color:#42b983;text-decoration:underline}.articles .row{margin-left:0;margin-right:0}article .card{border-radius:8px;overflow:hidden}article .card-image{background-color:#222;border-radius:8px}article .card-image img{height:220px;border-radius:.3rem;opacity:.7}article .tag-image img{height:220px}article .card .card-content{padding:15px 15px 12px 18px}article .article-content .summary{padding-bottom:2px;padding-left:0;margin-bottom:6px;word-break:break-all}article .article-content .publish-author{float:right}.publish-date .icon-date{padding-right:5px}.publish-author .icon-category{padding-left:10px}.article-content .publish-author .post-category{padding-left:5px}article .card .card-action{padding:10px 15px 10px 18px;border-radius:0 0 8px 8px!important}article .article-tags .chip{margin:2px;font-size:.8rem;font-weight:400;height:22px;line-height:22px;color:#fff;border-radius:10px}.prev-next{margin-left:-.75rem}.prev-next .article-badge{min-width:3rem;margin-top:7px;padding:3px 10px 3px 8px;text-align:center;font-size:1rem;line-height:inherit;position:absolute;box-sizing:border-box;z-index:200;background-color:#fff;font-weight:500}.prev-next .left-badge{border-radius:8px 0}.prev-next .right-badge{border-radius:0 8px;right:10px}.paging{margin-bottom:15px}.paging .row{margin-left:0;margin-right:0}.paging .page-info{font-size:1.4rem;color:#888;padding-top:1rem}.paging i{font-size:2.5rem}.paging .disabled{background-color:#ccc!important}.paging .disabled i{color:#999!important}#artDetail{margin-top:-60px}@media only screen and (max-width:550px){#articleContent table{table-layout:fixed}}@media only screen and (min-width:1418px){#artDetail{margin-top:-60px;padding:0 .75rem}}#artDetail .card{box-shadow:0 10px 35px 2px rgba(0,0,0,.15),0 5px 15px rgba(0,0,0,.07),0 2px 5px -5px rgba(0,0,0,.1)!important}#artDetail .tag-cate{padding-bottom:15px}#artDetail a{margin-right:0!important;text-transform:none!important}#artDetail .article-info{padding:20px 30px 1px 40px;margin-bottom:-5px}#artDetail .article-tag .chip,#artDetail .tag_share .article-tag .chip{font-size:1rem;font-weight:400;height:25px;border-radius:15px;margin-right:5px;margin-bottom:2px}#artDetail .article-tag .chip{line-height:24px;color:#fff}#artDetail .tag_share .article-tag .chip{line-height:23px;color:#42b983;background:#fff;border:1px solid;transition:all .6s ease-in-out}#artDetail .tag_share .article-tag .chip:hover{color:#fff;background:#42b983}#artDetail .post-cate{float:right;color:#42b983}#artDetail .post-cate a{padding-right:5px;color:#42b983;font-weight:500}#artDetail .post-cate a:hover{text-decoration:underline}#artDetail .post-info{color:#525f7f}#artDetail .post-info .post-category{padding-right:4px;color:#525f7f}#artDetail .post-info .post-category:hover{font-weight:700;color:#42b983;text-decoration:underline}#artDetail .post-info .post-date{color:#525f7f}#artDetail .post-info .post-word-count{margin-left:15px}#artDetail .post-info .post-read{margin-left:15px;color:#525f7f}#artDetail .article-card-content{padding:0 15px 20px 18px}@media only screen and (max-width:601px){#artDetail .article-info{padding:15px 15px 1px;margin-bottom:-5px}}@media only screen and (min-width:600px) and (max-width:992px){#artDetail .article-card-content{padding:0 30px 20px 32px}#artDetail .article-info{padding:15px 20px 0 28px;margin-bottom:-5px}}@media only screen and (min-width:993px){#artDetail .article-card-content{padding:0 50px 20px}}#artDetail .reprint{margin:15px 0 .4rem;padding:.5rem .8rem;border:1px solid #eee;line-height:2;transition:box-shadow .3s ease-in-out}#articleContent table td,#articleContent table th{min-width:80px;border:1px solid #dfe2e5;padding:6px}#artDetail .reprint-info{word-break:break-word}#artDetail .reprint:hover{box-shadow:0 0 10px 0 rgba(232,237,250,.6),0 4px 8px 0 rgba(232,237,250,.5)}#artDetail .reprint a{font-size:1.05rem;color:#42b983;font-weight:500}#articleContent p{margin:2px 2px 10px;font-size:1.05rem;line-height:1.85rem}#articleContent blockquote p{text-indent:.2rem}#articleContent a{padding:0 2px;color:#42b983;font-weight:500;text-decoration:underline;word-wrap:break-word}#articleContent .img-item{text-align:center}#articleContent img{max-width:100%;height:auto;cursor:pointer}#articleContent video{display:block;margin:30px auto;box-shadow:0 5px 35px 0 rgba(0,0,0,.2),0 10px 35px -11px rgba(0,0,0,.6);cursor:pointer}#articleContent ol,#articleContent ul{display:block;padding-left:2em!important;word-spacing:.05rem}#articleContent ol li,#articleContent ul li{display:list-item;line-height:1.8rem;font-size:1rem}#articleContent ul li{list-style-type:disc}#articleContent ul ul li{list-style-type:circle}#articleContent table{width:100%;display:block;border-collapse:collapse;border-spacing:0;overflow:auto}table tr:nth-child(2n),thead{background-color:#fafafa}#articleContent table th{background-color:#f2f2f2}#articleContent [type=checkbox]:not(:checked),[type=checkbox]:checked{position:inherit;margin-left:-1.3rem;margin-right:.4rem;margin-top:-1px;vertical-align:middle;left:unset;visibility:visible}@media only screen and (min-width:600px){#article-share .social-share a{margin-left:15px!important}}.chip-container{margin-top:-60px}.chip-container .tag-title{margin-bottom:10px;color:#3c4858;font-size:1.75rem;font-weight:400}.chip-container .tag-chips{margin:1rem auto .5rem;max-width:850px;text-align:center}.chip-container .tags-posts{margin-top:20px}.chip-container .chip-default{color:#34495e}.chip-container .chip-active{color:#fff!important;background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%)!important;box-shadow:2px 5px 10px #aaa!important}.chip-container .chip{margin:10px;padding:19px 14px;display:inline-flex;line-height:0;font-size:1rem;font-weight:500;border-radius:5px;cursor:pointer;box-shadow:0 3px 5px rgba(0,0,0,.12);z-index:0}.chip-container .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%)!important}.chip .tag-length{margin-left:5px;margin-right:-2px;font-size:.5rem}.chip-default .tag-length{color:#e91e63;margin-top:1px}.chip-active .tag-length{color:#fff}#cd-timeline .year{position:relative;width:80px;height:80px;margin:10px 0 50px -20px;padding:21px 10px;background-color:#ff5722;color:#fff;font-size:1.8rem;font-weight:600}#cd-timeline .year a{color:#fff}#cd-timeline .month{position:relative;width:60px;height:60px;margin:10px 0 30px -10px;padding:14px 16px;background-color:#ef6c00;color:#fff;font-size:1.7rem;font-weight:600}#cd-timeline .month a{color:#fff}#cd-timeline .day{position:relative;padding:8px 10px;background-color:#ffa726;color:#fff;font-size:1.2rem;font-weight:500}#cd-timeline{max-width:820px;position:relative;margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#0f9d58}.cd-timeline-block::after,.cd-timeline-content::after{clear:both;content:"";display:table}@media only screen and (min-width:900px){#cd-timeline{margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{left:50%;margin-left:-2px}#cd-timeline .year{margin:10px 0 50px -40px;padding:22px 11px}#cd-timeline .month{margin:10px 0 30px -30px;padding:14px 16px}}.cd-timeline-block{position:relative;margin:1em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width:870px){.cd-timeline-block{margin:1em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}@media only screen and (min-width:900px){.cd-timeline-img{width:40px;height:40px;left:50%;margin-left:-20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}}.cd-timeline-content{position:relative;margin-top:-40px;margin-left:60px;padding:0;border-radius:5px;background:#fff;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}.cd-timeline-content .card{margin:0}.cd-timeline-content::before{content:'';position:absolute;top:18px!important;right:100%;height:0;width:14px;margin-left:2px;margin-right:2px;border:1px dashed #ffa726}@media only screen and (min-width:768px){.cd-timeline-content h2{font-size:1.25rem}.cd-timeline-content p{font-size:1rem}.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{font-size:.875rem}}@media only screen and (min-width:900px){.cd-timeline-content{margin-left:0;padding:0;width:45%}.cd-timeline-content::before{top:24px;left:100%}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-block:nth-child(even) .cd-timeline-content,.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:#ffa726}.cssanimations .cd-timeline-content.is-hidden{visibility:hidden}.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}}.about-container{width:90%;max-width:1225px;margin-top:-60px}@media only screen and (max-width:601px){.about-container{width:95%}}.post-statis{text-align:center}.post-statis .statis{display:inline-block;padding:.3rem .8rem;text-align:center;letter-spacing:.03rem}.post-statis .statis .count{display:block;font-size:1.3rem;font-weight:700;text-decoration:underline}.post-statis .statis .count a{color:#42b983}.post-statis .statis .name{font-size:.9rem;color:#777}#aboutme .social-link{margin:.5rem 0;text-align:center}#aboutme .social-link a{display:inline-block;width:2.3rem;height:2.3rem;line-height:2.2rem;margin:0 .5rem;padding:0;color:#fff;border:1px solid #0f9d58;background:radial-gradient(#4cbf30,#0f9d58);font-size:.9rem;border-radius:50%;box-shadow:0 4px 6px rgba(50,50,93,.21),0 2px 3px rgba(0,0,0,.1)}.profile .avatar-img{max-width:160px;width:100%;margin:0 auto;transform:translate3d(0,-65%,0)}.profile .author{margin-top:-80px}.profile .author .post-statis{margin:.5rem 0 1.4rem}.profile .author .title{margin-bottom:.1rem;font-size:1.8rem;font-weight:500;color:#3c4858}.profile .author .career{margin:8px 0;font-size:.9rem;font-weight:400;color:#777}#aboutme .profile .social-link{margin:1.5rem 0 .8rem}#aboutme .introduction{margin:1.5rem auto 3rem;max-width:600px;color:#999}.my-projects,.my-skills,.post-charts{padding:3.8rem 1.5rem .8rem}.my-gallery .title,.my-projects .title,.my-skills .title,.post-charts,.title{font-size:2rem;margin-bottom:2.25rem}.my-projects .info{max-width:360px;margin:0 auto;padding:1rem 0}.my-projects .info .icon{display:inline-block;width:76px;height:76px;text-align:center;line-height:76px;color:#fff;font-size:1.75rem;border-radius:50%}.my-projects .info .info-title{margin:1.25rem 0 .875rem;font-size:1.25rem;font-weight:500;line-height:1.5em}.my-projects .info .info-title a{color:#34495e}.my-projects .info .info-desc{margin:0 0 10px;font-size:.9rem;color:#999}.my-skills .skillbar{position:relative;display:block;max-width:360px;margin:15px auto;background:#eee;height:30px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}.skillbar .skillbar-title{position:absolute;top:0;left:0;width:110px;font-size:.9rem;color:#fff;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-title span{display:block;background:rgba(0,0,0,.15);padding:0 20px;height:30px;line-height:30px;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-bar{height:30px;width:0;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px}.skillbar .skill-bar-percent{position:absolute;right:10px;top:0;font-size:12px;height:30px;line-height:30px;color:#fff;color:rgba(0,0,0,.5)}.my-skills .other-skills{margin-top:2rem}.other-skills .sub-title{font-size:1.5rem}.other-skills .tag-chips{max-width:600px}.other-skills .chip{background-color:#fff;border:1px solid #eee}.other-skills .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%);border:1px solid #4cbf30;box-shadow:0 5px 5px rgba(0,0,0,.25)}.my-gallery{margin:4.5rem auto 1rem;padding:0 1.2rem;max-width:1100px}.my-gallery .photo{margin:.5rem 0}.my-gallery .photo img{width:100%;height:200px;border-radius:10px;cursor:pointer}footer{padding-bottom:1px}footer .social-statis{margin-top:10px;position:relative}footer a{color:#fff}footer .copy-right{color:#dbdbdb}#searchIcon{font-size:1.2rem}#searchModal{min-height:500px;width:80%}#searchModal .search-header .title{font-size:1.6rem;color:#333}#searchResult{margin:-15px 0 10px 10px}#searchResult .search-result-list{margin-left:-8px;padding-left:0;color:#666}.search-result-list .search-result-title{font-size:1.4rem;color:#42b983}.search-result-list li{border-bottom:1px solid #e5e5e5;padding:15px 0 5px}.search-result-list .search-keyword{margin:0 2px;padding:1px 5px 1px 4px;border-radius:2px;background-color:#f2f2f2;color:#e96900;font-style:normal;white-space:pre-wrap}.top-scroll{display:none;position:fixed;right:15px;bottom:15px;padding-top:15px;margin-bottom:0;z-index:998}.top-scroll .btn-floating{background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%);width:48px;height:48px}.top-scroll .btn-floating i{line-height:48px;font-size:1.8rem}@media screen and (min-width:368px) and (max-width:767px){.info-break-policy{word-break:keep-all;float:left;width:50%}}@media screen and (min-width:768px){.info-break-policy{word-break:keep-all;float:left;margin-right:15px}}@media screen and (max-width:367px){.info-break-policy{word-break:keep-all;float:left;width:100%}.custom-card{padding:0 2px!important}}.info-break-policy{margin-bottom:8px}.clearfix{clear:left}.img-shadow{box-shadow:0 5px 25px 0 rgba(0,0,0,.2),0 10px 30px -11px rgba(0,0,0,.6)}.img-margin{margin:25px auto 10px}.caption{text-align:center;margin:0 auto 15px}.center-caption{color:#525f7f;padding:5px;border-bottom:1px solid #d9d9d9}.lg-sub-html .center-caption{color:#fff!important;border-bottom:none}.overflow-policy{overflow:hidden}.block-with-text{overflow:hidden;position:relative;line-height:1.5em;max-height:4.5em;text-align:justify;margin-right:-1em;padding-right:1em}.block-with-text:before{content:'...';position:absolute;right:.2em;bottom:0}.block-with-text:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.4em;background:#fff}.nav-menu li .sub-nav{position:absolute;top:66px;list-style:none;margin-left:-20px;display:none}.nav-menu li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative}.nav-menu li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block;border-radius:5px;color:#000}.nav-show i[aria-hidden=true]{-webkit-transform:rotate(180deg)!important;-moz-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;-ms-transform:rotate(180deg)!important;transform:rotate(180deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.menus_item_child{background-color:rgba(255,255,255,.8);width:fit-content;border-radius:10px;-webkit-box-shadow:0 5px 20px -4px rgba(0,0,0,.5);box-shadow:0 5px 20px -4px rgba(0,0,0,.5);display:none;opacity:.98;-ms-filter:none;filter:none;-webkit-animation:sub_menus .3s .1s ease both;-moz-animation:sub_menus .3s .1s ease both;-o-animation:sub_menus .3s .1s ease both;animation:sub_menus .3s .1s ease both}.menus_item_child:before{content:"";position:absolute;top:-20px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent rgba(255,255,255,.8)}.m-nav-item{position:relative}.m-nav-item ul{display:none}.m-nav-item ul li{width:255px;height:50px;line-height:50px;text-align:center}.m-nav-show .m-icon{-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.m-nav-item>a:hover,.m-nav-show{color:#fff;background:rgba(255,255,255,.8)}.m-nav-item>a:hover:before,.m-nav-show>a:before{opacity:1}.m-nav-item .m-icon{position:absolute;right:15px;height:50px;padding:0;margin:0}</style><style>#daodream-launcher{display:none}</style><style>.rotate{animation:rotate 6s linear infinite}.beat{animation:beat 1.33s ease-in-out infinite}.flash{animation:flash 6s cubic-bezier(.22,.61,.36,1) infinite}.shake{animation:shake 1s}.fade-in,.tabs .tab,details[open]>div{animation:fadeIn .5s}.fade-out{animation:fadeOut .3s}.up-down{animation:UpDown 2s infinite}.down-up{animation:DownUp 2s infinite}#artDetail ol>li.quiz.show .note,#artDetail ol>li.quiz.show blockquote,.slide{animation:slide .5s}.slide-up-in{animation:slideUpIn .3s}.slide-up-big-in{animation:slideUpBigIn .5s}.slide-right-in{animation:slideRightIn .3s}.slide-left-in{animation:slideLeftIn .3s}.slide-down-in{animation:slideDownIn .3s}.blur{animation:blur .8s ease-in-out forwards}.elastic{animation:elastic 1s}@-moz-keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-moz-keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}@-webkit-keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}@-o-keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}@keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}@-moz-keyframes rotate-needle-pause{0%{transform:rotateZ(-35deg)}100%{transform:rotateZ(-60deg)}}@-webkit-keyframes rotate-needle-pause{0%{transform:rotateZ(-35deg)}100%{transform:rotateZ(-60deg)}}@-o-keyframes rotate-needle-pause{0%{transform:rotateZ(-35deg)}100%{transform:rotateZ(-60deg)}}@keyframes rotate-needle-pause{0%{transform:rotateZ(-35deg)}100%{transform:rotateZ(-60deg)}}@-moz-keyframes rotate-needle-resume{0%{transform:rotateZ(-60deg)}100%{transform:rotateZ(-35deg)}}@-webkit-keyframes rotate-needle-resume{0%{transform:rotateZ(-60deg)}100%{transform:rotateZ(-35deg)}}@-o-keyframes rotate-needle-resume{0%{transform:rotateZ(-60deg)}100%{transform:rotateZ(-35deg)}}@keyframes rotate-needle-resume{0%{transform:rotateZ(-60deg)}100%{transform:rotateZ(-35deg)}}@-moz-keyframes beat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@-webkit-keyframes beat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@-o-keyframes beat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@keyframes beat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@-moz-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-moz-keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@-webkit-keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@-o-keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes blur{0%{filter:blur(10px)}to{filter:blur(0)}}@-webkit-keyframes blur{0%{filter:blur(10px)}to{filter:blur(0)}}@-o-keyframes blur{0%{filter:blur(10px)}to{filter:blur(0)}}@keyframes blur{0%{filter:blur(10px)}to{filter:blur(0)}}@-moz-keyframes blur-dark{0%{filter:blur(10px) brightness(.9)}to{filter:blur(0) brightness(.9)}}@-webkit-keyframes blur-dark{0%{filter:blur(10px) brightness(.9)}to{filter:blur(0) brightness(.9)}}@-o-keyframes blur-dark{0%{filter:blur(10px) brightness(.9)}to{filter:blur(0) brightness(.9)}}@keyframes blur-dark{0%{filter:blur(10px) brightness(.9)}to{filter:blur(0) brightness(.9)}}@-moz-keyframes UpDown{0%,100%{opacity:.8;transform:translateY(10px)}50%{opacity:.4;transform:translateY(0)}}@-webkit-keyframes UpDown{0%,100%{opacity:.8;transform:translateY(10px)}50%{opacity:.4;transform:translateY(0)}}@-o-keyframes UpDown{0%,100%{opacity:.8;transform:translateY(10px)}50%{opacity:.4;transform:translateY(0)}}@keyframes UpDown{0%,100%{opacity:.8;transform:translateY(10px)}50%{opacity:.4;transform:translateY(0)}}@-moz-keyframes DownUp{0%,100%{opacity:.8;transform:rotate(180deg) translateY(0)}50%{opacity:.4;transform:rotate(180deg) translateY(-10px)}}@-webkit-keyframes DownUp{0%,100%{opacity:.8;transform:rotate(180deg) translateY(0)}50%{opacity:.4;transform:rotate(180deg) translateY(-10px)}}@-o-keyframes DownUp{0%,100%{opacity:.8;transform:rotate(180deg) translateY(0)}50%{opacity:.4;transform:rotate(180deg) translateY(-10px)}}@keyframes DownUp{0%,100%{opacity:.8;transform:rotate(180deg) translateY(0)}50%{opacity:.4;transform:rotate(180deg) translateY(-10px)}}@-moz-keyframes slide{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-webkit-keyframes slide{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-o-keyframes slide{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@keyframes slide{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-moz-keyframes slideRightIn{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes slideRightIn{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@-o-keyframes slideRightIn{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes slideRightIn{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes slideLeftIn{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes slideLeftIn{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@-o-keyframes slideLeftIn{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@keyframes slideLeftIn{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-o-keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes slideUpBigIn{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideUpBigIn{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes slideUpBigIn{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUpBigIn{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes slideDownIn{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideDownIn{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes slideDownIn{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes elastic{0%{transform:scale(0)}100%,55%{transform:scale(1)}70%{transform:scale(.98)}}@-webkit-keyframes elastic{0%{transform:scale(0)}100%,55%{transform:scale(1)}70%{transform:scale(.98)}}@-o-keyframes elastic{0%{transform:scale(0)}100%,55%{transform:scale(1)}70%{transform:scale(.98)}}@keyframes elastic{0%{transform:scale(0)}100%,55%{transform:scale(1)}70%{transform:scale(.98)}}:root{--grey-0:#fff;--grey-1:#fdfdfd;--grey-2:#f7f7f7;--grey-3:#eff2f3;--grey-4:#ccc;--grey-5:#999;--grey-6:#666;--grey-7:#333;--grey-8:#222;--grey-9:#000;--grey-1-a0:rgba(253,253,253,0);--grey-1-a7:rgba(253,253,253,0.7);--grey-1-a5:rgba(253,253,253,0.5);--grey-1-a3:rgba(253,253,253,0.3);--grey-9-a1:rgba(0,0,0,0.1);--grey-9-a5:rgba(0,0,0,0.5);--grey-2-a0:rgba(247,247,247,0);--color-pink-light:#ffe6fa;--color-cyan-light:#e3fdf5;--color-red:#e9546b;--color-pink:#ed6ea0;--color-orange:#ec8c69;--color-yellow:#eab700;--color-green:#0a7426;--color-aqua:#3e999f;--color-blue:#38a1db;--color-purple:#9d5b8b;--color-grey:#869194;--color-red-a1:rgba(233,84,107,0.1);--color-red-a3:rgba(233,84,107,0.3);--color-pink-a3:rgba(237,110,160,0.3);--color-pink-light-a3:rgba(255,230,250,0.3);--color-pink-light-a5:rgba(255,230,250,0.5);--color-pink-light-a7:rgba(255,230,250,0.7);--body-bg-shadow:var(--grey-2);--box-bg-shadow:var(--grey-9-a1);--text-color:var(--grey-7);--header-text-color:var(--grey-0);--primary-color:var(--color-red);--nav-bg:linear-gradient(-225deg, var(--color-cyan-light) 0, var(--color-pink-light) 100%)}.primary{--note-border:#cda0c7;--note-bg:#fdf8ff;--note-text:#8a51c0;--note-hover:#935aca}.info{--note-border:#8fa4dc;--note-bg:#f1f9ff;--note-text:#1d4974;--note-hover:#1d5fa0}.success{--note-border:#a3c293;--note-bg:#fcfff5;--note-text:#2c662d;--note-hover:#3b883c}.warning{--note-border:#c9ba9b;--note-bg:#fffbeb;--note-text:#947600;--note-hover:#ccb045}.danger{--note-border:#f4b3c1;--note-bg:#fff2f5;--note-text:#cc0f35;--note-hover:#f14668}[data-theme=dark]:root{--grey-0:#222;--grey-1:#21252b;--grey-2:#363636;--grey-3:#444;--grey-4:#666;--grey-5:#aaa;--grey-6:#ccc;--grey-7:#ddd;--grey-8:#eee;--grey-9:#f7f7f7;--grey-1-a7:rgba(34,34,34,0.7);--grey-1-a5:rgba(34,34,34,0.5);--grey-1-a3:rgba(34,34,34,0.3);--grey-1-a0:rgba(34,34,34,0);--grey-9-a1:rgba(51,51,51,0.1);--grey-2-a0:rgba(54,54,54,0);--color-pink-light:#322d31;--color-cyan-light:#2d3230;--color-red:rgba(237,118,137,0.9);--color-pink:rgba(241,139,179,0.8);--color-orange:rgba(240,163,135,0.8);--color-yellow:#ffe175;--color-green:#86c59d;--color-aqua:#97d3d6;--color-blue:#9cd0ed;--color-purple:#cfacc5;--color-grey:#c3c8ca;--body-bg-shadow:#000;--box-bg-shadow:#000;--text-color:var(--grey-5);--header-text-color:var(--grey-9)}[data-theme=dark] .primary{--note-border:rgba(123,96,119,0.8);--note-bg:rgba(50,49,50,0.8);--note-text:rgba(161,116,205,0.8);--note-hover:rgba(117,72,161,0.8)}[data-theme=dark] .info{--note-border:rgba(85,98,132,0.8);--note-bg:rgba(48,49,50,0.8);--note-text:rgba(109,164,219,0.8);--note-hover:rgba(39,127,214,0.8)}[data-theme=dark] .success{--note-border:rgba(97,116,88,0.8);--note-bg:rgba(50,50,48,0.8);--note-text:rgba(128,200,129,0.8);--note-hover:rgba(41,95,42,0.8)}[data-theme=dark] .warning{--note-border:rgba(120,111,93,0.8);--note-bg:rgba(50,50,46,0.8);--note-text:rgba(220,176,0,0.8);--note-hover:rgba(163,140,55,0.8)}[data-theme=dark] .danger{--note-border:rgba(146,107,115,0.8);--note-bg:rgba(50,48,48,0.8);--note-text:rgba(239,38,79,0.8);--note-hover:rgba(168,49,72,0.8)}[data-theme=dark] .index.wrap .card .message .btn,[data-theme=dark] .overview .menu .item,[data-theme=dark] .sidebar .tab li,[data-theme=dark] [data-background-image],[data-theme=dark] img{opacity:.75}[data-theme=dark] .index.wrap .card .message .btn:hover,[data-theme=dark] .overview .menu .item:hover,[data-theme=dark] .sidebar .tab li:hover,[data-theme=dark] [data-background-image]:hover,[data-theme=dark] img:hover{opacity:.9}[data-theme=dark] #imgs::before{background-color:rgba(0,0,0,.5)}span.aqua,span.blue,span.green,span.grey,span.orange,span.pink,span.purple,span.red,span.yellow{background:0 0!important}span.red{color:var(--color-red)}span.pink{color:var(--color-pink)}span.orange{color:var(--color-orange)}span.yellow{color:var(--color-yellow)}span.green{color:var(--color-green)}span.aqua{color:var(--color-aqua)}span.blue{color:var(--color-blue)}span.purple{color:var(--color-purple)}span.grey{color:var(--color-grey)}.links:last-child,.tabs:last-child,blockquote:last-child,img:last-child,ol:last-child,p:last-child,pre:last-child,table:last-child,ul:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{position:relative;padding-top:.625rem}h1:hover .anchor::after,h1:hover .anchor::before,h2:hover .anchor::after,h2:hover .anchor::before,h3:hover .anchor::after,h3:hover .anchor::before,h4:hover .anchor::after,h4:hover .anchor::before,h5:hover .anchor::after,h5:hover .anchor::before,h6:hover .anchor::after,h6:hover .anchor::before{color:var(--primary-color)}h1::after{content:'';display:block;box-sizing:unset;width:100%;height:.0625rem;background:var(--grey-3);padding-right:1.25rem;margin-left:-1.25rem;margin-top:.3125rem}.anchor{border-bottom-style:none;color:var(--grey-4);float:right;margin-left:.625rem}.anchor:hover{color:inherit}.anchor::after,.anchor::before{color:var(--grey-4);position:absolute;font-weight:400}.active .anchor::after,.active .anchor::before{color:var(--primary-color)}p{margin:0 0 .8rem}blockquote{font-size:90%;background-color:var(--grey-2);margin:1.25rem 0;border-radius:.1875rem}blockquote ul{margin:.625rem 0!important}blockquote ul li::before{width:.375rem!important;height:.375rem!important;top:.6875rem!important}blockquote p{margin:0!important}.video-container,iframe{margin-bottom:1.25rem}.image-info{display:block;text-align:center;font-size:$font-size-smaller;color:var(--grey-4)}.video-container{height:0;overflow:hidden;padding-top:75%;position:relative;width:100%}.video-container embed,.video-container iframe,.video-container object{height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.kbd,kbd{background-color:var(--grey-1);background-image:linear-gradient(var(--grey-2),var(--grey-0),var(--grey-2));border:.0625rem solid var(--grey-4);border-radius:.2rem;box-shadow:.1rem .1rem .2rem var(--grey-9-a1);font-family:inherit;padding:.1rem .3rem;white-space:nowrap}mark{background-color:#dbfdad}ins{--line-color:var(--note-hover, var(--primary-color));text-decoration:none;border-bottom:.125rem solid var(--line-color)}ins.wavy{text-decoration-style:wavy;text-decoration-line:underline;text-decoration-color:var(--line-color);border-bottom:none}ins.dot{border-bottom:.2rem dotted var(--line-color)}s{color:var(--grey-5);text-decoration-color:var(--note-hover,var(--grey-5))}ruby{padding:0 .3125rem}.katex-display{overflow-x:scroll;overflow-y:hidden}.spoiler:not(.bulr){background-color:var(--text-color);color:var(--text-color);text-shadow:none;transition:color .3s;padding:0 .1875rem}.spoiler:not(.bulr):hover{color:#fff}.bulr,.rainbow{color:transparent}.bulr{text-shadow:rgba(0,0,0,.7) 0 0 .625rem}.rainbow{background-image:linear-gradient(to left,#ff4500,orange,gold,#90ee90,#0ff,#1e90ff,#9370db,#ff69b4,#ff4500);background-size:110vw;background-clip:text;animation:rainbow 60s linear infinite}.anchor::after,.anchor::before{content:'H';font-family:$font-family-posts;left:-1.875rem;top:1rem;width:1.25rem;height:1.5625rem;text-align:right;visibility:visible;font-size:80%}.anchor::after{font-size:50%;left:-1.375rem;line-height:3}h1 .anchor::after{content:" 1 "}h2 .anchor::after{content:" 2 "}h3 .anchor::after{content:" 3 "}h4 .anchor::after{content:" 4 "}h5 .anchor::after{content:" 5 "}h6 .anchor::after{content:" 6 "}@-moz-keyframes rainbow{to{background-position:-2000vw}}@-webkit-keyframes rainbow{to{background-position:-2000vw}}@-o-keyframes rainbow{to{background-position:-2000vw}}@keyframes rainbow{to{background-position:-2000vw}}#artDetail .note.danger::before,#artDetail .note.default::before,#artDetail .note.info::before,#artDetail .note.primary::before,#artDetail .note.success::before,#artDetail .note.warning::before,#artDetail ol>li.quiz.show.false::after,#artDetail ol>li.quiz.show.true::after,#artDetail ol>li.quiz>ul.options li.right::after,#artDetail ol>li.quiz>ul.options li.wrong::after,#artDetail ul li.task-list-item input[type=checkbox]+label::before,#artDetail ul li.task-list-item input[type=checkbox]:checked+label::before,.ico-fa-angle-double-down:before,.ico-fa-angle-double-left:before,.ico-fa-angle-double-right:before,.ico-fa-angle-double-up:before,.ico-fa-angle-down:before,.ico-fa-angle-left:before,.ico-fa-angle-right:before,.ico-fa-angle-up:before,.ico-fa-arrow-alt-circle-down:before,.ico-fa-arrow-alt-circle-left:before,.ico-fa-arrow-alt-circle-right:before,.ico-fa-arrow-alt-circle-up:before,.ico-fa-arrow-circle-down:before,.ico-fa-arrow-circle-left:before,.ico-fa-arrow-circle-right:before,.ico-fa-arrow-circle-up:before,.ico-fa-arrow-down:before,.ico-fa-arrow-left:before,.ico-fa-arrow-right:before,.ico-fa-arrow-up:before,.ico-fa-arrows-alt-h:before,.ico-fa-arrows-alt-v:before,.ico-fa-arrows-alt:before,.ico-fa-backward:before,.ico-fa-check-circle:before,.ico-fa-check-double:before,.ico-fa-check-square:before,.ico-fa-check:before,.ico-fa-exclamation-circle:before,.ico-fa-exclamation-triangle:before,.ico-fa-exclamation:before,.ico-fa-first-order-alt:before,.ico-fa-first-order:before,.ico-fa-forward:before,.ico-fa-info-circle:before,.ico-fa-minus-circle:before,.ico-fa-minus-square:before,.ico-fa-minus:before,.ico-fa-pause-circle:before,.ico-fa-play-circle:before,.ico-fa-play:before,.ico-fa-plus-circle:before,.ico-fa-plus-square:before,.ico-fa-random:before,.ico-fa-times-circle:before,.ico-fa-times:before,.ico-fa-truck-loading:before,.ico-fa-truck-monster:before,.ico-fa-truck-moving:before,.ico-fa-truck-pickup:before,.ico-fa-truck:before,.ico-fa-volume-down:before,.ico-fa-volume-mute:before,.ico-fa-volume-off:before,.ico-fa-volume-up:before,.ico-fas,.player-info .backward::before,.player-info .forward::before,.player-info .mode.loop::before,.player-info .mode.order::before,.player-info .mode.random::before,.player-info .play-pause::before,.player-info .volume.off::before,.player-info .volume.on::before,.player-info ol>li.current::before,.playing .player-info .play-pause::before,.tabs .show-btn::before,details summary::before,details[open] summary::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:2;font-family:'Font Awesome 5 Free';font-weight:900}#artDetail dl dt::marker,#artDetail ul li.task-list-item input[type=checkbox],#artDetail ul>li::marker{display:none}.ico-fa-pause-circle:before,.playing .player-info .play-pause::before{content:'\f28b'}.ico-fa-forward:before,.player-info .forward::before{content:'\f04e'}.ico-fa-first-order:before,.player-info .mode.order::before{content:'\f2b0'}.ico-fa-first-order-alt:before{content:'\f50a'}.ico-fa-play:before,.player-info ol>li.current::before{content:'\f04b'}.ico-fa-play-circle:before,.player-info .play-pause::before{content:'\f144'}.ico-fa-truck:before{content:'\f0d1'}.ico-fa-truck-loading:before,.player-info .mode.loop::before{content:'\f4de'}.ico-fa-truck-monster:before{content:'\f63b'}.ico-fa-truck-moving:before{content:'\f4df'}.ico-fa-truck-pickup:before{content:'\f63c'}.ico-fa-random:before,.player-info .mode.random::before{content:'\f074'}.ico-fa-volume-down:before{content:'\f027'}.ico-fa-volume-mute:before,.player-info .volume.on::before{content:'\f6a9'}.ico-fa-volume-off:before,.player-info .volume.off::before{content:'\f026'}.ico-fa-volume-up:before{content:'\f028'}.ico-fa-backward:before,.player-info .backward::before{content:'\f04a'}.ico-fa-minus:before{content:'\f068'}#artDetail .note.danger::before,.ico-fa-minus-circle:before{content:'\f056'}.ico-fa-minus-square:before{content:'\f146'}.ico-fa-exclamation:before{content:'\f12a'}#artDetail .note.warning::before,.ico-fa-exclamation-circle:before{content:'\f06a'}.ico-fa-exclamation-triangle:before{content:'\f071'}#artDetail .note.info::before,.ico-fa-info-circle:before{content:'\f05a'}#artDetail .note.primary::before,.ico-fa-plus-circle:before{content:'\f055'}.ico-fa-plus-square:before{content:'\f0fe'}.ico-fa-arrow-alt-circle-down:before{content:'\f358'}.ico-fa-arrow-alt-circle-left:before{content:'\f359'}.ico-fa-arrow-alt-circle-right:before{content:'\f35a'}.ico-fa-arrow-alt-circle-up:before{content:'\f35b'}.ico-fa-arrow-circle-down:before{content:'\f0ab'}.ico-fa-arrow-circle-left:before{content:'\f0a8'}#artDetail .note.default::before,.ico-fa-arrow-circle-right:before{content:'\f0a9'}.ico-fa-arrow-circle-up:before{content:'\f0aa'}.ico-fa-arrow-down:before{content:'\f063'}.ico-fa-arrow-left:before{content:'\f060'}.ico-fa-arrow-right:before{content:'\f061'}.ico-fa-arrow-up:before,.tabs .show-btn::before{content:'\f062'}.ico-fa-arrows-alt:before{content:'\f0b2'}.ico-fa-arrows-alt-h:before{content:'\f337'}.ico-fa-arrows-alt-v:before{content:'\f338'}.ico-fa-angle-double-down:before{content:'\f103'}.ico-fa-angle-double-left:before{content:'\f100'}.ico-fa-angle-double-right:before{content:'\f101'}.ico-fa-angle-double-up:before{content:'\f102'}.ico-fa-angle-down:before,details[open] summary::before{content:'\f107'}.ico-fa-angle-left:before{content:'\f104'}.ico-fa-angle-right:before,details summary::before{content:'\f105'}.ico-fa-angle-up:before{content:'\f106'}#artDetail ol>li.quiz.show.false::after,#artDetail ol>li.quiz>ul.options li.wrong::after,.ico-fa-times:before{content:'\f00d'}#artDetail ul li.task-list-item input[type=checkbox]+label::before,.ico-fa-times-circle:before{content:'\f057'}#artDetail ol>li.quiz.show.true::after,#artDetail ol>li.quiz>ul.options li.right::after,.ico-fa-check:before{content:'\f00c'}#artDetail .note.success::before,#artDetail ul li.task-list-item input[type=checkbox]:checked+label::before,.ico-fa-check-circle:before{content:'\f058'}.ico-fa-check-double:before{content:'\f560'}.ico-fa-check-square:before{content:'\f14a'}#artDetail li{position:relative;margin:.2rem 0}#artDetail li p{margin:0 0 .5em}#artDetail .options .right{float:unset!important}#artDetail dl,#artDetail ol,#artDetail ul{margin:0 0 .8em;padding:.1em .2em .1em 1.4em}#artDetail dl dt,#artDetail ul>li{left:-1em;list-style-type:none}#artDetail dl dt::before,#artDetail ul>li::before{content:"";background:0 0!important}#artDetail dl dt.ruby::before,#artDetail ul>li.ruby::before{top:1.25em}#artDetail dl dt:hover::before,#artDetail ul>li:hover::before{background:var(--color-pink)}#artDetail ol:not([start]){counter-reset:counter}#artDetail ol>li::before{counter-increment:counter;content:counter(counter);position:absolute;width:1.4em;height:1.4em;border-radius:50%;text-align:center;font-size:.8em;line-height:1.4;top:.5em;left:-1.8em;background:var(--primary-color);color:var(--grey-1);cursor:pointer}#artDetail ol>li.ruby::before{top:.3em}#artDetail ol>li:hover::before{color:var(--grey-1);background:var(--color-pink)}#artDetail dl dt{position:relative}#artDetail dl dd{padding-left:.9375em}#artDetail ul li.task-list-item input[type=checkbox]+label::before{color:var(--grey-4);display:inline-block;margin-right:.625em}#artDetail ul li.task-list-item input[type=checkbox]:checked+label::before{color:var(--note-text,var(--primary-color))}#artDetail li ul>li::before{background:var(--grey-1)}#artDetail li ol>li::before{content:counter(counter) ".";background:0 0;color:var(--primary-color);font-size:1em;line-height:1}#artDetail li ol>li:hover::before{background:0 0;color:var(--color-pink)}#artDetail ol>li.quiz.show.true::before,#artDetail ol>li.quiz>ul.options li.right::before{color:var(--color-green)!important}#artDetail ol>li.quiz.show.true::after,#artDetail ol>li.quiz>ul.options li.right::after{color:var(--color-green)!important;animation:fadeIn .5s!important}#artDetail ol>li.quiz.show.false::before,#artDetail ol>li.quiz>ul.options li.wrong::before{color:var(--color-red)!important}#artDetail ol>li.quiz.show.false::after,#artDetail ol>li.quiz>ul.options li.wrong::after{color:var(--color-red)!important;animation:fadeIn .5s!important}#artDetail ol>li.quiz{margin:.625rem 0!important}#artDetail ol>li.quiz::before{display:none}#artDetail ol>li.quiz.ruby::before{top:.5rem}#artDetail ol>li.quiz>p{margin:0;cursor:pointer}#artDetail ol>li.quiz>p:first-child::before{content:'[' attr(data-type) ']';font-size:$font-size-smallest;color:var(--grey-4);margin:auto .3125rem}#artDetail ol>li.quiz .gap{display:inline-block;min-width:2.5rem;text-align:center;padding:0 .625rem;text-indent:-624.9375rem}#artDetail ol>li.quiz .gap::after{display:block;content:'';background:var(--text-color);width:calc(100% + 1.25rem);height:.0625rem;margin-bottom:-.0625rem;margin-left:-.625rem}#artDetail ol>li.quiz.show.fill .gap{text-indent:0}#artDetail ol>li.quiz blockquote{display:none}#artDetail ol>li.quiz blockquote .mistake{display:block;border:.1875rem dashed var(--grey-4);padding:.625rem 1.25rem;background:var(--grey-3);margin:.3125rem}#artDetail ol>li.quiz blockquote .mistake::before{display:block;content:'[' attr(data-type) ']';font-size:$font-size-smaller;color:var(--grey-4)}#artDetail ol>li.quiz .note{display:none;padding:0;margin:0;background:0 0;border:none;border-radius:inherit;color:unset;font-size:inherit;filter:unset}#artDetail ol>li.quiz.show .note,#artDetail ol>li.quiz.show blockquote{display:block}#artDetail ol>li.quiz ul.options{padding-inline-start:.625rem}#artDetail ol>li.quiz ul.options li::before{color:var(--color-grey);margin-right:.625rem}#artDetail ol>li.quiz ul.options li:nth-child(1)::before{content:'A.'}#artDetail ol>li.quiz ul.options li:nth-child(2)::before{content:'B.'}#artDetail ol>li.quiz ul.options li:nth-child(3)::before{content:'C.'}#artDetail ol>li.quiz ul.options li:nth-child(4)::before{content:'D.'}#artDetail ol>li.quiz ul.options li:nth-child(5)::before{content:'E.'}#artDetail ol>li.quiz ul.options li:nth-child(6)::before{content:'F.'}#artDetail ol>li.quiz ul.options li:nth-child(7)::before{content:'G.'}#artDetail ol>li.quiz ul.options li:nth-child(8)::before{content:'H.'}#artDetail ol>li.quiz ul.options li:nth-child(9)::before{content:'I.'}#artDetail ol>li.quiz ul.options li:nth-child(10)::before{content:'J.'}#artDetail ol>li.quiz ul.options li:nth-child(11)::before{content:'K.'}#artDetail ol>li.quiz ul.options li:nth-child(12)::before{content:'L.'}#artDetail ol>li.quiz ul.options li:nth-child(13)::before{content:'M.'}#artDetail ol>li.quiz ul.options li:nth-child(14)::before{content:'N.'}#artDetail ol>li.quiz ul.options li:nth-child(15)::before{content:'O.'}#artDetail ol>li.quiz ul.options li:nth-child(16)::before{content:'P.'}#artDetail ol>li.quiz ul.options li:nth-child(17)::before{content:'Q.'}#artDetail ol>li.quiz ul.options li:nth-child(18)::before{content:'R.'}#artDetail ol>li.quiz ul.options li:nth-child(19)::before{content:'S.'}#artDetail ol>li.quiz ul.options li:nth-child(20)::before{content:'T.'}#artDetail ol>li.quiz ul.options li:nth-child(21)::before{content:'U.'}#artDetail ol>li.quiz ul.options li:nth-child(22)::before{content:'V.'}#artDetail ol>li.quiz ul.options li:nth-child(23)::before{content:'W.'}#artDetail ol>li.quiz ul.options li:nth-child(24)::before{content:'X.'}#artDetail ol>li.quiz ul.options li:nth-child(25)::before{content:'Y.'}#artDetail ol>li.quiz ul.options li:nth-child(26)::before{content:'Z.'}#artDetail ol>li.quiz>ul.options li{cursor:pointer}#artDetail ol>li.quiz>ul.options li::after{position:absolute;left:-1.5625rem;top:0}#artDetail ol>li.quiz.show.false::before,#artDetail ol>li.quiz.show.true::before{visibility:hidden}#artDetail ol>li.quiz.show.false::after,#artDetail ol>li.quiz.show.true::after{position:absolute;left:-1.2rem;top:.25rem}.links{display:flex;flex-wrap:wrap;font-size:.9rem}.links .item{position:relative;display:inline-flex;justify-self:center;align-items:center;line-height:1.5;width:calc(50% - 2rem);padding:.5rem 1rem;margin:1rem;--bg-color:var(--block-color, #666)}.links .item .image{display:block;width:4rem;height:4rem;border-radius:.9375rem;background:center no-repeat var(--grey-1);background-size:contain;flex-shrink:0;border:none}.links .item .info{padding-left:1rem}.links .item .title{margin:.5rem 0;font-family:$font-family-title;font-weight:700;color:var(--bg-color);border:none}.links .item:hover,.links .item:hover .title{color:var(--header-text-color)}.links .item .title .ic{display:none}.links .item .desc{font-size:$font-size-smallest;margin:.5rem 0}.links .item:hover{background-color:var(--bg-color);box-shadow:0 .125rem 1.25rem var(--bg-color);border-color:var(--bg-color)}.links .item:hover .image{mix-blend-mode:normal;background-color:var(--bg-color)}#artDetail .note{border-radius:.1875rem;margin:1rem 0;padding:1rem 1rem 1rem 2.5rem;position:relative;background:var(--note-bg,var(--grey-2));color:var(--grey-6);border-left:.25rem solid var(--note-border,var(--grey-4));font-size:$font-size-small;--primary-color:var(--note-text)}details summary,details[open]{background:var(--note-bg,none);border-radius:.25rem}#artDetail .note::before{position:absolute;left:.5rem;top:calc(50% - 1.5rem);font-size:1.5rem;color:var(--note-text,var(--grey-6))}.audio .cover,.audio .preview .lrc,.media-container,.player-info .volume,.player-info ol,.player-info ol>li.current,.player-info ol>li::before,.tabs,.tabs .nav li{position:relative}#artDetail .note.no-icon{padding-left:1rem}details summary,details>div{padding:.625rem}#artDetail .note.no-icon::before{content:none}::-webkit-details-marker{display:none}details>summary:first-of-type{list-style-type:none}details summary{outline:0;cursor:pointer;transition:all .4s ease}details summary::before{color:var(--grey-4);margin-right:.5rem}details.danger,details.info,details.primary,details.success,details.warning,details[open]>div{margin:0 0 .8rem}details.danger summary,details.danger summary::before,details.info summary,details.info summary::before,details.primary summary,details.primary summary::before,details.success summary,details.success summary::before,details.warning summary,details.warning summary::before{color:var(--note-text)}details[open]{color:var(--grey-6)}details[open] summary{background:var(--note-hover,var(--grey-2));border-radius:.25rem}details[open] summary::before{color:var(--primary-color)}details[open].danger,details[open].info,details[open].primary,details[open].success,details[open].warning{color:var(--note-text)}details[open].danger>summary,details[open].info>summary,details[open].primary>summary,details[open].success>summary,details[open].warning>summary{color:#fff;border-radius:.25rem .25rem 0 0}details[open].danger>summary::before,details[open].info>summary::before,details[open].primary>summary::before,details[open].success>summary::before,details[open].warning>summary::before{color:#fff}span.label{display:inline;border-radius:.3rem;border:.0625rem solid;padding:.2rem .3rem;font-family:$font-family-monospace;font-size:$font-size-medium;background:var(--note-bg,var(--grey-2));border-color:var(--note-border,var(--grey-4));color:var(--note-text,var(--grey-6))}.tabs{display:block}.tabs .nav{overflow:hidden;border-bottom:.0625rem solid var(--grey-1-a7);height:2.6875rem}.tabs .nav ul{display:flex;padding:0;white-space:nowrap;overflow-x:auto}.tabs .nav li{cursor:pointer;border:none;display:inline-block;padding:.3125rem 1.25rem;margin:0}.tabs .nav li::before{content:"";position:absolute;left:50%;right:50%;top:auto;bottom:0;transition:all .2s ease-in-out;width:auto;height:auto;background:0 0;border-radius:0;border-bottom:.125rem solid transparent}.tabs .nav li.active::before{left:0;right:0;border-bottom-color:var(--note-hover,var(--primary-color))}.tabs .tab{display:none}.tabs .tab.active{display:block}.tabs .show-btn{position:absolute;cursor:pointer;right:0;bottom:0;width:2.875rem;height:2.875rem;text-align:center;color:var(--grey-4);z-index:$zindex-1}#artDetail .tabs{margin:0 0 2rem}#artDetail .tabs .tab{padding:1.25rem}#artDetail .note h2,#artDetail .note h3,#artDetail .note h4,#artDetail .note h5,#artDetail .note h6,#artDetail details h2,#artDetail details h3,#artDetail details h4,#artDetail details h5,#artDetail details h6{margin-top:.1875rem;border-bottom:initial;margin-bottom:0;padding-top:0}#artDetail .note p,#artDetail details p{line-height:1.8}#artDetail .note a:not(.btn),#artDetail details a:not(.btn){color:var(--note-hover);border-bottom:.0625rem dashed var(--note-text)}#artDetail .note a:not(.btn):hover,#artDetail details a:not(.btn):hover{color:var(--note-text);border-bottom-color:var(--note-text)}#artDetail .note ul li::before,#artDetail details ul li::before{background:var(--note-text)}#artDetail .note ol li:before,#artDetail details ol li:before{background:var(--note-text)!important;width:.8rem;height:.8rem;font-size:.45rem;line-height:.8rem;top:.4rem;left:-1.2rem}.media-container{overflow:hidden;margin-bottom:2rem}.player-info{color:var(--text-color);font-size:$font-size-base;min-width:16.25rem}.player-info .tabs{border:none;box-shadow:none}.player-info .tabs .show-btn{display:none}.player-info .tabs .tab{padding:0}.player-info .controller{cursor:pointer;font-size:$font-size-larger;display:flex;justify-content:space-around;align-items:center;text-align:center}.player-info .controller .btn{color:var(--grey-6);width:18%}.player-info .controller .btn:hover{color:var(--color-pink)}.player-info .play-pause{font-size:130%}.player-info .volume .bar{position:absolute;height:.25rem;background:var(--color-pink-a3);bottom:0;left:0}.player-info .volume.off .bar{height:0}.player-info .playlist{border-top:.125rem solid var(--grey-9-a1)}.player-info ol{font-size:$font-size-smaller;padding:.3125rem 0;margin:.625rem 0 0;height:12.5rem;overflow-x:scroll;counter-reset:counter}.player-info ol::-webkit-scrollbar{width:.1875rem;height:.1875rem}.player-info ol>li{display:flex;padding:.3125rem .9375rem .3125rem 1.5625rem;cursor:pointer;height:2rem;overflow:hidden}.player-info ol>li.error{opacity:.5;text-decoration-line:line-through}.player-info ol>li::before{height:auto;background:0 0!important;border:none!important;top:0!important;left:0!important;font-size:inherit;line-height:inherit;margin-left:-1.25rem;width:1.875rem;counter-increment:counter;content:counter(counter);text-align:right;padding-right:.3125rem;color:var(--grey-5)}.audio .preview .info span,.audio .preview .lrc{font-size:$font-size-smallest}.player-info ol>li .info{display:block;width:100%}.player-info ol>li .info span:nth-child(2){float:right;margin-left:.625rem;color:var(--grey-5)}.player-info ol>li.current{color:var(--primary-color)}.player-info ol>li.current::before{color:currentColor}.player-info ol>li.current .progress .bar{position:absolute;height:100%;background:var(--color-pink-a3);top:0;left:0}.player-info ol>li.current .progress::before{content:attr(data-ptime) " / " attr(data-dtime);color:var(--grey-5);position:absolute;right:0;padding:0 .3rem}.player-info ol>li.current .progress.seeking::before{color:currentColor}.player-info ol>li.current .info{padding-right:5rem;user-select:none}.player-info ol>li.current .info span:nth-child(2){display:none}.player-info ol>li:hover{background-color:var(--grey-1-a7)}.player-info ol>li:hover::before{color:var(--primary-color)}.video{border-radius:0 0 .5rem .5rem}.audio .preview{display:flex;align-items:center;padding:1.25rem 1.25rem 0}.audio .preview .info{display:flex;flex-direction:column;margin-left:.625rem;padding:.625rem;text-overflow:ellipsis;overflow:hidden;width:100%}.audio .preview .info h4{margin:0;text-overflow:ellipsis;max-height:3rem;padding:0;overflow:hidden}.audio .preview .lrc{max-height:4rem;margin-top:.3125rem;text-align:center;overflow:hidden}.audio .preview .lrc .inner{width:100%;transition:all .5s ease-out}.audio .preview .lrc p{font-size:.75rem;color:var(--grey-6);line-height:1rem!important;height:1rem!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.3;overflow:hidden}.audio .preview .lrc p.current{opacity:1;overflow:visible;height:auto!important;min-height:1rem}.audio .cover{flex-shrink:0;cursor:pointer}.audio .cover .disc::after,.audio .cover::before{content:"";position:absolute}.audio .cover::before{z-index:1;background:url(../images/play_needle.png) center/contain no-repeat;width:3.4375rem;height:5.1875rem;top:-1.5625rem;left:-1.5625rem;transform:rotateZ(-60deg);animation:rotate-needle-pause .5s 1 normal linear forwards;transform-origin:.625rem .625rem}.audio .cover .disc{animation:rotate 20s linear infinite;animation-play-state:paused;padding:1.5rem;max-height:144px}.audio .cover .disc::after{background:url(../images/play_disc.png) center/contain no-repeat;z-index:1;width:100%;height:100%;top:0;left:0}.audio .cover img{object-fit:contain;width:6rem;height:6rem;border-radius:50%}.audio.playing .cover::before{animation:rotate-needle-resume .5s 1 normal linear forwards}.audio.playing .cover .disc{animation-play-state:running}</style><script src=https://code.jquery.com/jquery-3.6.0.min.js></script><meta name=generator content="Hexo 5.4.0"></head><body><script>const LOCAL={quiz:{choice:"单选题",multiple:"多选题",true_false:"判断题",essay:"问答题",gap_fill:"填空题",mistake:"错题备注"}};</script><header class=navbar-fixed><nav id=headNav class="bg-color nav-transparent"><div id=navContainer class="nav-wrapper container"><div class=brand-logo><a href="/" class="waves-effect waves-light"><img src=/favico.png class=logo-img alt=LOGO> <span class=logo-span>Frida&#39;s Space</span></a></div><a href=# data-target=mobile-nav class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a><ul class="right nav-menu"><li class="hide-on-med-and-down nav-item"><a href="/" class="waves-effect waves-light"><i class="fas fa-home" style="zoom: 0.6;"></i> <span>首页</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/tags class="waves-effect waves-light"><i class="fas fa-tags" style="zoom: 0.6;"></i> <span>标签</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/categories class="waves-effect waves-light"><i class="fas fa-bookmark" style="zoom: 0.6;"></i> <span>分类</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/archives class="waves-effect waves-light"><i class="fas fa-archive" style="zoom: 0.6;"></i> <span>归档</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/about class="waves-effect waves-light"><i class="fas fa-user-circle" style="zoom: 0.6;"></i> <span>关于</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/friends class="waves-effect waves-light"><i class="fas fa-address-book" style="zoom: 0.6;"></i> <span>友情链接</span></a></li><li><a href=#searchModal class="modal-trigger waves-effect waves-light tooltipped" data-position=bottom data-tooltip=搜索><i id=searchIcon class="fas fa-search" title=搜索 style="zoom: 0.85;"></i></a></li><li><a href="javascript:daovoice('openMessages')" class="waves-effect waves-light tooltipped" data-position=bottom data-tooltip=反馈><i class="fas fa-comments" style="zoom: 0.6;"></i></a></li></ul><div id=mobile-nav class="side-nav sidenav"><div class="mobile-head bg-color"><img src=/favico.png class="logo-img circle responsive-img"><div class=logo-name>Frida&#39;s Space</div><div class=logo-desc>I am Frida</div></div><ul class="menu-list mobile-menu-list"><li class=m-nav-item><a href="/" class="waves-effect waves-light"><i class="fa-fw fas fa-home"></i> 首页</a></li><li class=m-nav-item><a href=/tags class="waves-effect waves-light"><i class="fa-fw fas fa-tags"></i> 标签</a></li><li class=m-nav-item><a href=/categories class="waves-effect waves-light"><i class="fa-fw fas fa-bookmark"></i> 分类</a></li><li class=m-nav-item><a href=/archives class="waves-effect waves-light"><i class="fa-fw fas fa-archive"></i> 归档</a></li><li class=m-nav-item><a href=/about class="waves-effect waves-light"><i class="fa-fw fas fa-user-circle"></i> 关于</a></li><li class=m-nav-item><a href=/friends class="waves-effect waves-light"><i class="fa-fw fas fa-address-book"></i> 友情链接</a></li></ul></div></div></nav></header><div class="bg-cover pd-header post-cover" style="background-image: url('/medias/featureimages/23.jpg')"><div class=container style="right: 0px;left: 0px;"><div class=row><div class="col s12 m12 l12"><div class=brand><h1 class="description center-align post-title">练习题样例</h1></div></div></div></div></div><main class="post-container content"><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.2/tocbot.min.css><style>#articleContent h1::before,#articleContent h2::before,#articleContent h3::before,#articleContent h4::before,#articleContent h5::before,#articleContent h6::before{display:block;content:" ";height:100px;margin-top:-100px;visibility:hidden}#articleContent :focus{outline:0}.toc-fixed{position:fixed;top:64px}.toc-widget{width:345px;padding-left:20px}.toc-widget .toc-title{padding:35px 0 15px 17px;font-size:1.5rem;font-weight:700;line-height:1.5rem}.toc-widget ol{padding:0;list-style:none}#toc-content{padding-bottom:30px;overflow:auto}#toc-content ol{padding-left:10px}#toc-content ol li{padding-left:10px}#toc-content .toc-link:hover{color:#42b983;font-weight:700;text-decoration:underline}#toc-content .toc-link::before{background-color:transparent;max-height:25px;position:absolute;right:23.5vw;display:block}#toc-content .is-active-link{color:#42b983}#floating-toc-btn{position:fixed;right:15px;bottom:76px;padding-top:15px;margin-bottom:0;z-index:998}#floating-toc-btn .btn-floating{width:48px;height:48px}#floating-toc-btn .btn-floating i{line-height:48px;font-size:1.4rem}</style><div class=row><div id=main-content class="col s12 m12 l9"><div id=artDetail><div class=card><div class="card-content article-info"><div class="row tag-cate"><div class="col s7"><div class=article-tag><a href="/tags/Test/"><span class="chip bg-color">Test</span></a></div></div><div class="col s5 right-align"></div></div><div class=post-info><div class="post-date info-break-policy"><i class="far fa-calendar-minus fa-fw"></i>发布日期:&nbsp;&nbsp; 2021-02-28</div><div class="post-date info-break-policy"><i class="far fa-calendar-check fa-fw"></i>更新日期:&nbsp;&nbsp; 2021-03-21</div><div class=info-break-policy><i class="far fa-file-word fa-fw"></i>文章字数:&nbsp;&nbsp; 322</div><div class=info-break-policy><i class="far fa-clock fa-fw"></i>阅读时长:&nbsp;&nbsp; 1 分</div></div></div><hr class=clearfix><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism-tomorrow.min.css><div class="card-content article-card-content"><div id=articleContent><div class="note primary"><p>本文作者： Ruri Shimotsuki @優萌初華<br>本文参考链接： <a target=_blank rel=noopener href="https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/special/">https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/special/</a></p></div><ol><li class="quiz true"><p>编译时多态主要指运算符重载与函数重载，而运行时多态主要指虚函数。</p></li><li class="quiz multi"><p>有基类 <code>SHAPE</code> ，派生类 <code>CIRCLE</code> ，声明如下变量：</p><pre class="line-numbers language-cpp" data-language=cpp><code class=language-cpp>SHAPE shape1<span class="token punctuation">,</span><span class="token operator">*</span>p1<span class="token punctuation">;</span>
CIRCLE circle1<span class="token punctuation">,</span><span class="token operator">*</span>q1<span class="token punctuation">;</span><span aria-hidden=true class=line-numbers-rows><span></span><span></span></span></code></pre><p>下列哪些项是 “派生类对象替换基类对象”。</p><ul class=options><li class=correct><code>p1=&amp;circle1;</code></li><li><code>q1=&amp;shape1;</code></li><li class=correct><code>shape1=circle1;</code></li><li><code>circle1=shape1;</code></li></ul><blockquote><ul class=options><li>✔️ 令基类对象的指针指向派生类对象</li><li>❌ 派生类指针指向基类的引用</li><li>✔️ 派生类对象给基类对象赋值</li><li>❌ 基类对象给派生类对象赋值</li></ul></blockquote></li><li class=quiz><p>下列叙述正确的是 <span class=gap></span> 。</p><ul class=options><li>虚函数只能定义成无参函数</li><li>虚函数不能有返回值</li><li>能定义虚构造函数</li><li class=correct>A、B、C 都不对</li></ul></li><li class="quiz fill"><p>如果定义 <code>int e=8; double f=6.4, g=8.9;</code> ，则表达式 <code>f+int (e/3*int (f+g)/2)%4</code> 的值为 <span class=gap>9.4</span>。</p><blockquote><p>注意运算顺序和数据类型<br><span class=mistake>8.4</span></p></blockquote></li></ol><p><ins>下划线</ins><br><ins class=wavy>波浪线</ins><br><ins class=dot>着重点</ins><br><ins class=primary>紫色下划线</ins><br><ins class="wavy success">绿色波浪线</ins><br><ins class="dot warning">黄色着重点</ins><br>～～删除线～～<br>~~ 红色删除线～～{.danger}<br><mark>荧光高亮</mark><br><span class=rainbow>赤橙黄绿青蓝紫</span><br><span class=red>红色</span><br><span class=pink>粉色</span><br><span class=orange>橙色</span><br><span class=yellow>红色</span><br><span class=green>绿色</span><br><span class=aqua>靛青</span><br><span class=blue>蓝色</span><br><span class=purple>紫色</span><br><span class=grey>灰色</span><br>快捷键 <span class=kbd>Ctrl</span> + <span class="kbd red">C</span><br>H<sub>2</sub>0<br>29<sup>th</sup></p><div class="note primary"><p>默认</p></div><p><ruby>常<rp>【</rp><rt>chang</rt><rp>】</rp>用<rp>【</rp><rt>yong</rt><rp>】</rp>账<rp>【</rp><rt>zhang</rt><rp>】</rp>号<rp>【</rp><rt>hao</rt><rp>】</rp></ruby></p></div><hr><div class=tag_share style="display: block;"><div class=post-meta__tag-list style="display: inline-block;"><div class=article-tag><a href="/tags/Test/"><span class="chip bg-color">Test</span></a></div></div><div class=post_share style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;"><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css><div id=article-share><div class=social-share data-sites=twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div><script src=https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js></script></div></div></div></div></div><style>.mvaline-card{margin:1.5rem auto}.mvaline-card .card-content{padding:20px 20px 5px 20px}</style><div class="card mvaline-card" data-aos=fade-up><div class=comment_headling style="font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; top: 15px; padding-bottom: 5px;"><i class="fas fa-comments fa-fw" aria-hidden=true></i> <span>评论</span></div><div id=mvcomments class=card-content style="display: grid"></div></div><script src=https://cdn.jsdelivr.net/npm/minivaline@latest/dist/MiniValine.min.js></script><script>new MiniValine(Object.assign({enable:!0,backend:"waline",serverURL:"https://timeliar-waline.vercel.app",visitor:!0},{el:"#mvcomments"}));</script><article id=prenext-posts class="prev-next articles"><div class="row article-row"><div class="article col s12 m6" data-aos=fade-up><div class="article-badge left-badge text-color"><i class="fas fa-chevron-left"></i>&nbsp;上一篇</div><div class=card><a href="/2021/02/28/00e2a239bbfe/"><div class=card-image><img src=/medias/featureimages/14.jpg class=responsive-img alt=一片新文章> <span class=card-title>一片新文章</span></div></a><div class="card-content article-content"><div class="summary block-with-text"></div><div class=publish-info><span class=publish-date><i class="far fa-clock fa-fw icon-date"></i>2021-02-28</span> <span class=publish-author><i class="fas fa-user fa-fw"></i> Frida</span></div></div><div class="card-action article-tags"><a href="/tags/aaa/"><span class="chip bg-color">aaa</span></a></div></div></div><div class="article col s12 m6" data-aos=fade-up><div class="article-badge right-badge text-color">下一篇&nbsp;<i class="fas fa-chevron-right"></i></div><div class=card><a href="/2021/02/28/a1d41370f6fe/"><div class=card-image><img src=/medias/featureimages/21.jpg class=responsive-img alt=新文章测试> <span class=card-title>新文章测试</span></div></a><div class="card-content article-content"><div class="summary block-with-text"></div><div class=publish-info><span class=publish-date><i class="far fa-clock fa-fw icon-date"></i>2021-02-28</span> <span class=publish-author><i class="fas fa-user fa-fw"></i> Frida</span></div></div><div class="card-action article-tags"><a href="/tags/Test/"><span class="chip bg-color">Test</span></a></div></div></div></div></article></div><script type=text/javascript>$(function(){$("pre").wrap('<div class="code-area" style="position: relative"></div>')});</script><script type=text/javascript>$(function(){var e=$('<div class="code_lang" title="代码语言"></div>');$("pre").before(e),$("pre").each(function(){var e=$(this).attr("class");if(!e)return!0;e=e.replace("line-numbers","").trim().replace("language-","").trim(),$(this).siblings(".code_lang").text(e)})});</script><script type=text/javascript>$(function(){var e=$('<i class="fas fa-copy code_copy" title="复制代码" aria-hidden="true"></i>'),o=$('<div class="codecopy_notice"></div>');$(".code-area").prepend(e),$(".code-area").prepend(o),$(".code-area .fa-copy").on("click",function(){var e=window.getSelection(),o=document.createRange();o.selectNodeContents($(this).siblings("pre").find("code")[0]),e.removeAllRanges(),e.addRange(o),e.toString(),function(e){if(document.queryCommandSupported&&document.queryCommandSupported("copy"))try{document.execCommand("copy"),$(e).prev(".codecopy_notice").text("复制成功").animate({opacity:1,top:30},450,function(){setTimeout(function(){$(e).prev(".codecopy_notice").animate({opacity:0,top:0},650)},400)})}catch(o){return $(e).prev(".codecopy_notice").text("复制失败").animate({opacity:1,top:30},650,function(){setTimeout(function(){$(e).prev(".codecopy_notice").animate({opacity:0,top:0},650)},400)})}else $(e).prev(".codecopy_notice").text("浏览器不支持复制")}(this),e.removeAllRanges()})});</script><script type=text/javascript>$(function(){var e=$('<i class="fas fa-angle-up code-expand" aria-hidden="true"></i>');$(".code-area").prepend(e),$(".code-expand").on("click",function(){$(this).parent().hasClass("code-closed")?($(this).siblings("pre").find("code").show(),$(this).parent().removeClass("code-closed")):($(this).siblings("pre").find("code").hide(),$(this).parent().addClass("code-closed"))})});</script></div><div id=toc-aside class="expanded col l3 hide-on-med-and-down"><div class="toc-widget card" style="background-color: white;"><div class=toc-title><i class="far fa-list-alt"></i>&nbsp;&nbsp;目录</div><div id=toc-content></div></div></div></div><div id=floating-toc-btn class=hide-on-med-and-down><a class="btn-floating btn-large bg-color"><i class="fas fa-list-ul"></i></a></div><script src=https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.2/tocbot.min.js></script><script>$(function(){tocbot.init({tocSelector:"#toc-content",contentSelector:"#articleContent",headingsOffset:-(.4*$(window).height()-45),collapseDepth:Number("0"),headingSelector:"h2, h3, h4"});let t=0;$("#toc-content a").each(function(){$(this).attr("href","#toc-heading-"+ ++t)}),t=0,$("#articleContent").children("h2, h3, h4").each(function(){$(this).attr("id","toc-heading-"+ ++t)});let e=parseInt(.4*$(window).height()-64),n=$(".toc-widget");$(window).scroll(function(){$(window).scrollTop()>e?n.addClass("toc-fixed"):n.removeClass("toc-fixed")});let o=$("#toc-aside"),i=$("#main-content");$("#floating-toc-btn .btn-floating").click(function(){o.hasClass("expanded")?(o.removeClass("expanded").hide(),i.removeClass("l9")):(o.addClass("expanded").show(),i.addClass("l9")),function(t,e){let n=$("#"+t);if(0===n.length)return;let o=n.width();o+=o>=450?21:o>=350&&o<450?18:o>=300&&o<350?16:14,$("#"+e).width(o)}("artDetail","prenext-posts")})});</script></main><footer class="page-footer bg-color"><div class="container row center-align" style="margin-bottom: 15px !important;"><div class="col s12 m8 l8 copy-right">Copyright&nbsp;&copy; <span id=year>2020-2021</span> <a href=/about target=_blank>Frida</a> |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target=_blank>Hexo</a> |&nbsp;Theme&nbsp;<a href=https://github.com/timeliar/hexo-theme-matery target=_blank>Matery</a> |&nbsp;Fork From&nbsp;<a href=https://github.com/blinkfox/hexo-theme-matery target=_blank>Matery</a><br>&nbsp;<i class="fas fa-chart-area"></i>&nbsp;站点总字数:&nbsp;<span class=white-color>1.9k</span>&nbsp;字<span id=sitetime>载入运行时间...</span><script>function siteTime(){var e=new Date,t=e.getFullYear(),n=e.getMonth()+1,o=e.getDate(),r=e.getHours(),a=e.getMinutes(),i=e.getSeconds(),l=Date.UTC("2020","2","1","0","0","0"),m=Date.UTC(t,n,o,r,a,i)-l,M=Math.floor(m/31536e6),g=Math.floor(m/864e5-365*M),d=Math.floor((m-864e5*(365*M+g))/36e5),s=Math.floor((m-864e5*(365*M+g)-36e5*d)/6e4),u=Math.floor((m-864e5*(365*M+g)-36e5*d-6e4*s)/1e3);"2020"==t?(document.getElementById("year").innerHTML=t,document.getElementById("sitetime").innerHTML="本站已安全运行 "+g+" 天 "+d+" 小时 "+s+" 分钟 "+u+" 秒"):(document.getElementById("year").innerHTML="2020 - "+t,document.getElementById("sitetime").innerHTML="本站已安全运行 "+M+" 年 "+g+" 天 "+d+" 小时 "+s+" 分钟 "+u+" 秒")}setInterval(siteTime,1e3);</script><br><span id=icp><img src=/medias/icp.png style="vertical-align: text-bottom;"> <a href=https://beian.miit.gov.cn target=_blank>沪ICP备2021005075号-1</a></span></div><div class="col s12 m4 l4 social-link"><a href=https://github.com/frida-wang class=tooltipped target=_blank data-tooltip=访问我的GitHub data-position=top data-delay=50><i class="fab fa-github"></i></a> <a href=mailto:frida.wangyan@outlook.com class=tooltipped target=_blank data-tooltip=邮件联系我 data-position=top data-delay=50><i class="fas fa-envelope-open"></i></a> <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=629702454" class=tooltipped target=_blank data-tooltip="QQ联系我: 629702454" data-position=top data-delay=50><i class="fab fa-qq"></i></a> <a href=/atom.xml class=tooltipped target=_blank data-tooltip="RSS 订阅" data-position=top data-delay=50><i class="fas fa-rss"></i></a></div></div></footer><div class=progress-bar></div><div id=searchModal class=modal><div class=modal-content><div class=search-header><span class=title><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span> <input type=search id=searchInput name=s placeholder=请输入搜索的关键字 class=search-input></div><div id=searchResult></div></div></div><script type=text/javascript>$(function(){!function(t,e,r){"use strict";$.ajax({url:t,dataType:"xml",success:function(t){var n=$("entry",t).map(function(){return{title:$("title",this).text(),content:$("content",this).text(),url:$("url",this).text()}}).get(),a=document.getElementById(e),s=document.getElementById(r);a.addEventListener("input",function(){var t='<ul class="search-result-list">',e=this.value.trim().toLowerCase().split(/[\s\-]+/);s.innerHTML="",this.value.trim().length<=0||(n.forEach(function(r){var n=!0,a=r.title.trim().toLowerCase(),s=r.content.trim().replace(/<[^>]+>/g,"").toLowerCase(),i=r.url;i=0===i.indexOf("/")?r.url:"/"+i;var l=-1,c=-1,u=-1;if(""!==a&&""!==s&&e.forEach(function(t,e){l=a.indexOf(t),c=s.indexOf(t),l<0&&c<0?n=!1:(c<0&&(c=0),0===e&&(u=c))}),n){t+="<li><a href='"+i+"' class='search-result-title'>"+a+"</a>";var o=r.content.trim().replace(/<[^>]+>/g,"");if(u>=0){var h=u-20,f=u+80;h<0&&(h=0),0===h&&(f=100),f>o.length&&(f=o.length);var m=o.substr(h,f);e.forEach(function(t){var e=new RegExp(t,"gi");m=m.replace(e,'<em class="search-keyword">'+t+"</em>")}),t+='<p class="search-result">'+m+"...</p>"}t+="</li>"}}),t+="</ul>",s.innerHTML=t)})}})}("/search.xml","searchInput","searchResult")});</script><div id=backTop class=top-scroll><a class="btn-floating btn-large waves-effect waves-light" href=#!><i class="fas fa-arrow-up"></i></a></div><script src=https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/scrollprogress/3.0.2/scrollProgress.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.10.0/js/lightgallery.min.js></script><script>$(function(){!function(){let t="animated pulse";$("article .article").hover(function(){$(this).addClass(t)},function(){$(this).removeClass(t)})}(),$(".sidenav").sidenav();let t=function(t,e){let n=$("#"+t);if(0!==n.length){let t=n.width();t+=450<=t?21:350<=t&&t<450?18:300<=t&&t<350?16:14,$("#"+e).width(t)}},e=function(){t("navContainer"),t("artDetail","prenext-posts"),$(".content").css("min-height",window.innerHeight-165)};e(),$(window).resize(function(){e()}),$("#articles").masonry({itemSelector:".article"}),AOS.init({easing:"ease-in-out-sine",duration:700,delay:100}),function(){$("#articleContent a").attr("target","_blank"),$("#articleContent img").each(function(){var t=$(this).attr("src");$(this).wrap('<div class="img-item" data-src="'+t+'" data-sub-html=".caption"></div>'),$(this).addClass("img-shadow img-margin");var e=$(this).attr("alt");t=$(this).attr("title");let n="";if(void 0===e||""===e?void 0!==t&&""!==t&&(n=t):n=e,""!==n){let t=document.createElement("div");t.className="caption";let e=document.createElement("b");e.className="center-caption",e.innerText=n,t.appendChild(e),this.insertAdjacentElement("afterend",t)}}),$("#articleContent, #myGallery").lightGallery({selector:".img-item",subHtmlSelectorRelative:!0});const t=window.document.querySelector(".progress-bar");t&&new ScrollProgress((e,n)=>{t.style.width=100*n+"%"})}(),$(".modal").modal(),$("#backTop").click(function(){return $("body,html").animate({scrollTop:0},400),!1});let n=$("#headNav"),i=$(".top-scroll");function a(t){t<100?(n.addClass("nav-transparent"),i.slideUp(300)):(n.removeClass("nav-transparent"),i.slideDown(300))}a($(window).scrollTop()),$(window).scroll(function(){a($(window).scrollTop())}),$(".nav-menu>li").hover(function(){$(this).children("ul").stop(!0,!0).show(),$(this).addClass("nav-show").siblings("li").removeClass("nav-show")},function(){$(this).children("ul").stop(!0,!0).hide(),$(".nav-item.nav-show").removeClass("nav-show")}),$(".m-nav-item>a").on("click",function(){"none"==$(this).next("ul").css("display")?($(".m-nav-item").children("ul").slideUp(300),$(this).next("ul").slideDown(100),$(this).parent("li").addClass("m-nav-show").siblings("li").removeClass("m-nav-show")):($(this).next("ul").slideUp(100),$(".m-nav-item.m-nav-show").removeClass("m-nav-show"))}),$(".tooltipped").tooltip()});</script><script>const $d=function(t,e){return e=e||document,0===t.indexOf("#")?e.getElementById(t.replace("#","")):e.querySelector(t)};$d.all=function(t,e){return(e=e||document).querySelectorAll(t)},$d.each=function(t,e,n){return $d.all(t,n).forEach(e)},Object.assign(HTMLElement.prototype,{createChild:function(t,e,n){var i=document.createElement(t);switch(Object.assign(i,e),n){case"after":this.insertAfter(i);break;case"replace":this.innerHTML="";default:this.appendChild(i)}return i},wrap:function(t){var e=document.createElement("div");Object.assign(e,t),this.parentNode.insertBefore(e,this),this.parentNode.removeChild(this),e.appendChild(this)},height:function(t){return t&&(this.style.height="number"==typeof t?t+"rem":t),this.getBoundingClientRect().height},width:function(t){return t&&(this.style.width="number"==typeof t?t+"rem":t),this.getBoundingClientRect().width},top:function(){return this.getBoundingClientRect().top},left:function(){return this.getBoundingClientRect().left},attr:function(t,e){return null===e?this.removeAttribute(t):e?(this.setAttribute(t,e),this):this.getAttribute(t)},insertAfter:function(t){var e=this.parentNode;e.lastChild==this?e.appendChild(t):e.insertBefore(t,this.nextSibling)},display:function(t){return null==t?this.style.display:(this.style.display=t,this)},child:function(t){return $d(t,this)},find:function(t){return $d.all(t,this)},_class:function(t,e,n){e=e.indexOf(" ")?e.split(" "):[e];var i=this;e.forEach(function(e){"toggle"==t?i.classList.toggle(e,n):i.classList[t](e)})},addClass:function(t){return this._class("add",t),this},removeClass:function(t){return this._class("remove",t),this},toggleClass:function(t,e){return this._class("toggle",t,e),this},hasClass:function(t){return this.classList.contains(t)}});</script><script>const postBeauty=function(){$d.each("li ruby",function(e){var a=e.parentNode;(a="LI"!=e.parentNode.tagName?e.parentNode.parentNode:a).addClass("ruby")}),$d.each("#artDetail table",function(e){e.wrap({className:"table-container"})}),$d.each(".highlight > .table-container",function(e){e.className="code-container"}),$d.each("figure.highlight",function(e){var a=e.child(".code-container"),i=e.child("figcaption");function n(){e.removeClass("fullscreen"),e.scrollTop=0,BODY.removeClass("fullscreen"),l.child(".ic").className="ic i-expand"}e.insertAdjacentHTML("beforeend",'<div class="operation"><span class="breakline-btn"><i class="ic i-align-left"></i></span><span class="copy-btn"><i class="ic i-clipboard"></i></span><span class="fullscreen-btn"><i class="ic i-expand"></i></span></div>'),(r=e.child(".copy-btn")).addEventListener("click",function(e){var i=e.currentTarget,n="",s="";a.find("pre").forEach(function(e){s+=n+e.innerText,n="\n"}),clipBoard(s,function(e){i.child(".ic").className=e?"ic i-check":"ic i-times",i.blur(),showtip(LOCAL.copyright)})}),r.addEventListener("mouseleave",function(e){setTimeout(function(){e.target.child(".ic").className="ic i-clipboard"},1e3)}),e.child(".breakline-btn").addEventListener("click",function(a){a=a.currentTarget,e.hasClass("breakline")?(e.removeClass("breakline"),a.child(".ic").className="ic i-align-left"):(e.addClass("breakline"),a.child(".ic").className="ic i-align-justify")});var s,t,c,l=e.child(".fullscreen-btn"),r=function(a){a.currentTarget,e.hasClass("fullscreen")?(n(),c&&c(),pageScroll(e)):(e.addClass("fullscreen"),BODY.addClass("fullscreen"),l.child(".ic").className="ic i-compress",t&&t())};l.addEventListener("click",r),i&&i.addEventListener("click",r),a&&300<a.height()&&(a.style.maxHeight="300px",a.insertAdjacentHTML("beforeend",'<div class="show-btn"><i class="ic i-angle-down"></i></div>'),(s=a.child(".show-btn")).child("i"),t=function(){a.style.maxHeight="",s.addClass("open")},c=function(){a.style.maxHeight="300px",s.removeClass("open")},s.addEventListener("click",function(e){s.hasClass("open")?(n(),c(),pageScroll(a)):t()}))}),$d.each("pre.mermaid > svg",function(e){e.style.maxWidth=""}),$d.each(".reward button",function(e){e.addEventListener("click",function(e){e.preventDefault();var a=$d("#qr");"inline-flex"===a.display()?transition(a,0):transition(a,1,function(){a.display("inline-flex")})})}),$d.each(".quiz > ul.options li",function(e){e.addEventListener("click",function(a){e.hasClass("correct")?(e.toggleClass("right"),e.parentNode.parentNode.addClass("show")):e.toggleClass("wrong")})}),$d.each(".quiz > p",function(e){e.addEventListener("click",function(a){e.parentNode.toggleClass("show")})}),$d.each(".quiz > p:first-child",function(e){var a=e.parentNode,i="choice";(a.hasClass("true")||a.hasClass("false"))&&(i="true_false"),a.hasClass("multi")&&(i="multiple"),a.hasClass("fill")&&(i="gap_fill"),a.hasClass("essay")&&(i="essay"),e.attr("data-type",LOCAL.quiz[i])}),$d.each(".quiz .mistake",function(e){e.attr("data-type",LOCAL.quiz.mistake)}),$d.each("div.tags a",function(e){e.className=["primary","success","info","warning","danger"][Math.floor(5*Math.random())]}),$d.each("#artDetail div.player",function(e){mediaPlayer(e,{type:e.attr("data-type"),mode:"order",btns:[]}).player.load(JSON.parse(e.attr("data-src"))).fetch()})};$d.each("li ruby",function(e){var a=e.parentNode;(a="LI"!=e.parentNode.tagName?e.parentNode.parentNode:a).addClass("ruby")}),$d.each("#artDetail table",function(e){e.wrap({className:"table-container"})}),$d.each(".highlight > .table-container",function(e){e.className="code-container"}),$d.each("figure.highlight",function(e){var a=e.child(".code-container"),i=e.child("figcaption");function n(){e.removeClass("fullscreen"),e.scrollTop=0,BODY.removeClass("fullscreen"),l.child(".ic").className="ic i-expand"}e.insertAdjacentHTML("beforeend",'<div class="operation"><span class="breakline-btn"><i class="ic i-align-left"></i></span><span class="copy-btn"><i class="ic i-clipboard"></i></span><span class="fullscreen-btn"><i class="ic i-expand"></i></span></div>'),(r=e.child(".copy-btn")).addEventListener("click",function(e){var i=e.currentTarget,n="",s="";a.find("pre").forEach(function(e){s+=n+e.innerText,n="\n"}),clipBoard(s,function(e){i.child(".ic").className=e?"ic i-check":"ic i-times",i.blur(),showtip(LOCAL.copyright)})}),r.addEventListener("mouseleave",function(e){setTimeout(function(){e.target.child(".ic").className="ic i-clipboard"},1e3)}),e.child(".breakline-btn").addEventListener("click",function(a){a=a.currentTarget,e.hasClass("breakline")?(e.removeClass("breakline"),a.child(".ic").className="ic i-align-left"):(e.addClass("breakline"),a.child(".ic").className="ic i-align-justify")});var s,t,c,l=e.child(".fullscreen-btn"),r=function(a){a.currentTarget,e.hasClass("fullscreen")?(n(),c&&c(),pageScroll(e)):(e.addClass("fullscreen"),BODY.addClass("fullscreen"),l.child(".ic").className="ic i-compress",t&&t())};l.addEventListener("click",r),i&&i.addEventListener("click",r),a&&300<a.height()&&(a.style.maxHeight="300px",a.insertAdjacentHTML("beforeend",'<div class="show-btn"><i class="ic i-angle-down"></i></div>'),(s=a.child(".show-btn")).child("i"),t=function(){a.style.maxHeight="",s.addClass("open")},c=function(){a.style.maxHeight="300px",s.removeClass("open")},s.addEventListener("click",function(e){s.hasClass("open")?(n(),c(),pageScroll(a)):t()}))}),$d.each("pre.mermaid > svg",function(e){e.style.maxWidth=""}),$d.each(".reward button",function(e){e.addEventListener("click",function(e){e.preventDefault();var a=$d("#qr");"inline-flex"===a.display()?transition(a,0):transition(a,1,function(){a.display("inline-flex")})})}),$d.each(".quiz > ul.options li",function(e){e.addEventListener("click",function(a){e.hasClass("correct")?(e.toggleClass("right"),e.parentNode.parentNode.addClass("show")):e.toggleClass("wrong")})}),$d.each(".quiz > p",function(e){e.addEventListener("click",function(a){e.parentNode.toggleClass("show")})}),$d.each(".quiz > p:first-child",function(e){var a=e.parentNode,i="choice";(a.hasClass("true")||a.hasClass("false"))&&(i="true_false"),a.hasClass("multi")&&(i="multiple"),a.hasClass("fill")&&(i="gap_fill"),a.hasClass("essay")&&(i="essay"),e.attr("data-type",LOCAL.quiz[i])}),$d.each(".quiz .mistake",function(e){e.attr("data-type",LOCAL.quiz.mistake)}),$d.each("div.tags a",function(e){e.className=["primary","success","info","warning","danger"][Math.floor(5*Math.random())]}),$d.each("#artDetail div.player",function(e){mediaPlayer(e,{type:e.attr("data-type"),mode:"order",btns:[]}).player.load(JSON.parse(e.attr("data-src"))).fetch()});</script><script>!function(){var t=document.createElement("script"),e=window.location.protocol.split(":")[0];t.src="https"===e?"https://zz.bdstatic.com/linksubmit/push.js":"http://push.zhanzhang.baidu.com/push.js";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}();</script><script src=https://cdn.jsdelivr.net/gh/ygbhf/clicklove/clicklove.min.js async></script><script>!function(e,t,o,c,i,a,n){e.DaoVoiceObject=i,e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},e[i].l=1*new Date,a=t.createElement(o),n=t.getElementsByTagName(o)[0],a.async=1,a.src=c,a.charset="utf-8",n.parentNode.insertBefore(a,n)}(window,document,"script",("https:"==document.location.protocol?"https:":"http:")+"//widget.daovoice.io/widget/d52fcd31.js","daovoice"),daovoice("init",{app_id:"2f393380"}),daovoice("update");</script><script src=https://cdnjs.cloudflare.com/ajax/libs/instant.page/5.1.0/instantpage.min.js type=module></script></body></html>